
.fs-logo{    height: 22px;
    margin-right: 5px;
    margin-left: 5px;
    transform: translateY(5px);
}
.fs-toolbar .fa:before,.fs-paths .fa:before{ padding:5px;}
body{overflow:hidden}
 button{padding:5px}
.fs-toolbar{padding:8px}    
.fs-paths{padding:8px}
.fs-toolbar{border-bottom:1px solid #eee;min-height:34px}
.fs-toolbar button{ont-size:15px;border:none;margin-right:5px;margin-left:5px;padding:8px}
.fs-toolbar button:before{font-size:18px}

.fs-paths button{font-size:13px;border:none;margin-right:5px;margin-left:5px;border-radius: 16px;padding-right:12px}	

.fs-widget{position:relative; bottom:0px;height:100%}

.fa:before{margin-right:3px}
.fs-body-view{margin-left: 200px}
.nav-panel{position:absolute;left:0px;top:50px;bottom:0px; width:200px;background: #f4f4f4;float:left;border-right:3px solid #eee}

.fs-filesview{padding:16px;    padding-top: 48px;min-height:200px;100%;overflow: auto;border-top:2px solid rgba(100,100,100,0.06)} 
.fs-filesview .fa-folder{font-size:64px;color:#e88f17}
.fs-filesview .fa-plus{font-size:64px;color:#aaa}
.fs-filesview .fs-file-icon{font-size:64px;color:#4f4f4f}

.fs-name{display: block;text-align: center;}

.fs-popupmeu-mask{position: fixed;left:0px;right:0px;top:0px;bottom:0px;background: rgba(100,100,100,0.01);z-index: 100}
.fs-popupmenu{padding:3px;position: fixed;min-width:180px;min-height:36px;background:#fff;border:1px solid #ccc;z-index: 101;font-size:14px}
.fs-popupmenu .fs-item{padding:8px;display: block;cursor: pointer;color:#444}
.fs-popupmenu .fs-item:hover{background:rgba(100,100,100,0.1)}

.fs-filesview .fs-item{width:160px;height:120px;margin:8px;border-radius:5px;background:#f8f8f8; border:1px solid #eee}
.fs-filesview .fs-item fa{min-height:100px;width:200px;padding:8px}
.fs-filesview .fs-item label{margin-top:5px;color:#555}
.fs-append{border-radius:5px; border:4px dotted rgba(100,100,100,0.3);}

.nav-panel{}
.fs-nav-list{padding-left:1em;padding-right:1em}
.fs-nav-list hr{border:none;border-bottom:5px solid #ddd}
.fs-nav-list li button{border:none;background: none;padding:12px}
.fs-nav-list li .fa:before{margin: 5px;}
.fs-nav-list li{list-style-image: none;list-style-type: none;border-bottom:1px dotted rgba(100,100,100,0.2);padding:5px}


.fs-site-info{position: absolute;bottom:10px;left:0px;right:0px;font-size:13px}

svg{width:99%}
    	
body{margin:0px;padding:0px}  

.fs-toolbar{
	background: #000;
    color: #CCC;
}  	

.fs-qrcode{    padding: 5px;
    background: #fff;}
.fs-print-frame{position: fixed;left:-200px;width:100px;height:100px;}
.fs-popup-frame{position: fixed;top:200px;left:200px;width:600px;height:400px;z-index: 999999999}

.fs-toast{position: fixed;bottom:10%;text-align: center;z-index:999999999;left:30%;right:30%}
.fs-toast label{display:inline-block; padding:5px;padding-left:28px;padding-right:28px;color:#eee;background: #444;border-radius:3px }

.fs-fr{float:right}
.fs-toolbar button{background:#222;color:#DDD;}
.fs-apps{
    font-weight: bold;
    min-width:160px
}

.fs-panel-mask{position: fixed;left:0px;right:0px;top:0px;bottom:0px;z-index: 99999999}
.fs-panel{max-width:640px;margin:auto;background:#eee;min-height:380px;}

.qrcode canvas{    padding: 5px;background: #fff;max-height:150px}

.fs-filemanger .fs-toolbar{padding-right:120px}
 
.fs-theme-night .fs-nav-list hr{border-bottom: 5px solid #222;}
.fs-theme-night .nav-panel{background:#333;color:#999;border-right: 3px solid #282828;}
.fs-theme-night .fs-nav-list li button{color:#aaa}

.fs-theme-night .fs-toolbar{border-bottom:1px solid #333;color:#aaa}
.fs-theme-night {background: #000}
.fs-theme-night .fs-filesview {border-top:2px solid rgba(100,100,100,0.2)}
.fs-theme-night .fs-filesview .fs-item{background:#222;border:1px solid #111}
.fs-theme-night .fs-filesview .fs-item label{color:#aaa}
.fs-theme-night .fs-filesview .fs-file-icon{color:#aaa}
.fs-theme-night .fs-paths button{background:#222;color:#aaa}


#sidebar{width:260px;position: fixed;left:0px;top:0px}


.fs-panel {
	position:relative;
    max-width: 640px;
    margin: auto;
    background: #eee;
    min-height: 380px;
    overflow:auto;
    max-height: 580px;
    margin-top: 20%;
    box-shadow: 1px 1px 5px rgba(100,100,100,0.8);
 
}

.fs-panel-body{padding:16px;}

.fs-panel-footer{font-size:14px;padding:8px;position: absolute;bottom:0px;height:48px;left:0px;right:0px;  height: 30px; border-top: 1px dotted rgba(100,100,100,0.3);    background: #eee}
.fs-panel-footer  button{margin-right:8px;padding-left:18px;padding-right:18px}  
.fs-panel-footer .fs-fr{margin-right:0px;margin-left:8px}  
    
.fs-panel-title{border-bottom: 1px dotted rgba(100,100,100,0.3);background:#fff;padding:10px;font-weight: bold;font-size:14px}
.fs-panel-title button{background: none;height:20px;line-height: 5px;border:none}

.fs-panel-body .fs-input-label{display: inline-block;min-width:96px;margin-right:8px;font-size:12px;text-align: right}
.fs-panel-body .fs-textedit{width:380px;padding-left:8px}
.fs-panel-body .fs-textarea{width:380px;padding-left:8px;min-height:64px;}
.fs-panel-body .fw-LabelTextArea{margin:3px}
.fs-panel-body .fw-LabelTextEdit{margin:3px}
.fs-panel-body .fw-LabelTextArea label{transform: translateY(-24px);}
.fs-panel-body {
	position: absolute;
    bottom: 50px;
    top: 40px;
    left: 0px;
    right: 0px;
    overflow: auto;
}


.input-file{width:32px;border:none;background:none;position: relative;}
.input-file:before {
	color:#fff;
	font-size:16px;
	text-align:center;
	content: "\f1c5";
	background: #000;
	position: absolute;
	bottom:0px;top:0px;left:0px;right:-4px;
}
